/*
 * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* You can add global styles to this file, and also import other style files */

@forward './scss/material-design-overrides';
@use '@angular/material' as mat;
@import './scss/theme/theme';

@include mat.core;

$light-theme: mat.define-light-theme(
  (
    color: (
      primary: $theme-primary,
      accent: $theme-accent,
      warn: $theme-warn,
    ),
    typography: $theme-typography,
  )
);
@include mat.all-component-themes($light-theme);

body {
  margin: 0;
  background-color: $background-color;
  color: $default-text-color;
  font-family: 'Golos UI', Roboto, 'Helvetica Neue', sans-serif;
  overflow-y: scroll;

  p {
    color: $paragraph-color;
  }

  .xng-breadcrumb-trail {
    font-weight: 700;
  }

  .xng-breadcrumb-link {
    color: color-mix(in srgb, $default-text-color 75%, transparent);
    font-weight: 400;

    :hover {
      text-decoration: none;
    }
  }
}
